html {
  body {
    .userCenter {
      height: calc(100vh - 80px);
      padding: 50px;
      .userName {
        color: #333;
        font-size: 30px;
        font-weight: 700;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 2px solid #ddd;
        /*设置背景渐变色*/
        background-image: linear-gradient(
          to right,
          red,
          orange,
          yellow,
          green,
          yellow,
          orange,
          red,
          orange,
          yellow,
          green,
          yellow,
          orange
        );
        /*chrome私有样式，加前缀，文字显示背景图片*/
        -webkit-background-clip: text;
        animation: move 8s linear infinite;
        /*文字颜色设为透明*/
        color: transparent;
      }
      ul {
        font-size: 16px;
      }
      @keyframes move {
        0% {
          background-position: 0 0;
        }
        50% {
          /*宽度固定，如果为百分比背景不会滚动*/
          background-position: -300px 0;
        }
        100% {
          /*宽度固定，如果为百分比背景不会滚动*/
          background-position: 0 0;
        }
      }
    }
  }
}
